@charset "UTF-8";

/* 容器 960px 水平居中 */
.container-12 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* 设置 column 浮动及左右margin */
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* 设置 column 的宽度 */
.col-1 {
	width: 60px;
}
.col-2 {
	width: 140px;
}
.col-3 {
	width: 220px;
}
.col-4 {
	width: 300px;
}
.col-5 {
	width: 380px;
}
.col-6 {
	width: 460px;
}
.col-7 {
	width: 540px;
}
.col-8 {
	width: 620px;
}
.col-9 {
	width: 700px;
}
.col-10 {
	width: 780px;
}
.col-11 {
	width: 860px;
}
.col-12 {
	width: 940px;
}

/* 清除浮动 */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}